<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css" />
<title>办公用品申领</title>
<script type="text/javascript">
	function operation(){
	    alert("亲,该功能正在开发中");
	    }
</script>
</head>
<body>
<div class="container" style="width: 100%;padding: 25px 15px;">
    <div class="row clearfix">
        <div class="col-md-12 column" style="padding: 20px;">
            <div style="float: left;">
                  <input type="button" class="btn btn-primary btn"  onclick="operation()" value="添加" />
            </div>
            <form action="#" method="post" id="userForm" role="form" class="form-inline" style="float: right;margin-bottom: 10px;">
                <div class="form-group" style="margin-right: 20px;">
                     <label for="exampleInputEmail1" style="margin-right: 10px;">姓名</label><input type="text" class="form-control" id="realName" name="realName" placeholder="姓名"/>
                </div>
                <button type="button" class="btn btn-primary btn"  onclick="operation()">查询</button>
            </form>
            <table class="table table-bordered" style="margin-top: 20px;">
                <thead>
                    <tr>
                        <th style="width: 150px;">姓名</th>
                        <th>申领时间</th>
                        <th>申领物品</th>
                        <th>审批状态</th>
                        <th style="width: 150px;">操作</th>
                    </tr>
                </thead>
                <tbody>
                    <tr class="success">
                        <td>猎鹰</td>
                        <td>2014-04-01 14:00:00</td>
                        <td>Ak-47</td>
                        <td>未审批</td>
                        <td>
                           <a href="#" class="btn btn-primary btn"  onclick="operation()">修改</a>
                           <a href="#" class="btn btn-primary btn"  onclick="operation()">删除</a>
                        </td>
                    </tr>
                     <tr>
                        <td>飞虎</td>
                        <td>2014-04-04 10:00:00</td>
                        <td>洲际导弹</td>
                        <td>已审批</td>
                        <td>
                           <a href="#" class="btn btn-primary btn"  onclick="operation()">修改</a>
                           <a href="#" class="btn btn-primary btn"  onclick="operation()">删除</a>
                        </td>
                    </tr>
                    <tr class="success">
                        <td>雄狮</td>
                        <td>2014-04-11 16:00:00</td>
                        <td>单兵火箭筒</td>
                        <td>已审批</td>
                        <td>
                           <a href="#" class="btn btn-primary btn"  onclick="operation()">修改</a>
                           <a href="#" class="btn btn-primary btn"  onclick="operation()">删除</a>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
</body>
<script type="text/javascript" src="../js/jquery-2.2.3.min.js"></script>
<script type="text/javascript" src="../bootstrap/js/bootstrap.min.js"></script>
</html>